.container_main-droit {
    width: 982px;
    height: 100%;
    background-color: #1C1C1C;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    transition: var(--transitionContainer);
}
.container_main-droit.smaller {
    width: 693px;
}

.container-menu-slide {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.container-menu-grid {
    margin-top: 32px;
    width: 928px;
    height: 944px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
}
.smaller .container-menu-grid {
    width: 632px;
}

.menu_home-container {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
    transform: translateX(-120%);
    transition: var(--transitionMenu);
}
.menu_home-container.active {
    transform: translateX(0);
}

.rubrique-container {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
    transform: translateX(120%);
    transition: var(--transitionMenu);
}
.rubrique-container.active {
    transform: translateX(0);
}

.resultats-container {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translateX(120%);
    transition: var(--transitionContainer);
}
.resultats-container.active {
    transform: translateX(0);
}

.menu-bandeau-container {
    margin-top: 16px;
    width: 928px;
    overflow-x: hidden;
    transition: var(--transitionContainer);
}
.menu-bandeau-container > div {
    width: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.smaller .menu-bandeau-container {
    width: 632px;
}
.bandeau_defilant-container {
    margin-right: 22px;
    width: 928px;
    height: 56px;
    overflow: hidden;
    background-color: white;
    border-radius: 4px;
    font-size: 24px;
    color: #1C1C1C;
    font-family: 'Roboto-Medium';
    transition: var(--transitionContainer);
}
.smaller .bandeau_defilant-container {
    width: 396px;
}

.fiche_annexe-container {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    transform: translateX(100%);
    background-color: #1C1C1C;
    transition: var(--transitionContainer);
    overflow: hidden;
}
.fiche_annexe-container.active {
    transform: translateX(0);
}